<template>
  <div class="box">
      <header>
        <div class="hediv">阅读中</div>
        <div class="hediv">
          <p @click="fun1()" class="iconfont icon-sousuo"> </p>
          <p>···</p>
        </div>
      </header>
      <main>
        <div class="box1">
          <img src="wode/1_03.jpg" alt="">
          <span>内容空空如也，快逛逛书城吧~</span>
          <button @click="fun()">逛逛书城</button>
        </div>
      </main>
       <Oneluyou/>
  </div>
</template>

<script>
export default {
  methods:{
    fun(){
      this.$router.push('/shucheng')
    },
    fun1(){
      this.$router.push('/sousuo')
    }
  }
}
</script>

<style scoped>
  .box{
    width: 100%;
  }
  header{
    height: .5rem;
    display: flex;
    box-sizing: border-box;
    padding: 0 .2rem;
    display: flex;
    justify-content: space-between;
    border-bottom: .01rem solid #cdcdcd;
  }
  header .hediv{
    height: 50px;
    display: flex;
    line-height: .5rem;
    font-weight: 600;
  }
  header p{
    width: .5rem;
    height: .5rem;
    text-align: center;
    line-height: .5rem;
    font-size: .25rem;
  }
  main{
    height: 100%;
  }
  main .box1{
    height: 2.62rem;
    /* background: pink; */
    display: flex;
    align-items: center;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  main .box1 img{
    width: 1.75rem;
    height: 1.3rem;
  }
  main .box1 span{
    font-size: .12rem;
    color: #b2b2b2;
  }
  main .box1 button{
    width: 1rem;
    height: .38rem;
    border-radius: .38rem;
    border: none;
    background: #54b846;
    color: white;
  }
</style>